<template>
    <div class="content">
        <!-- 广告1 -->
        <div class="explainOne">
            <div class="top">
                <div class="title">G路径检索服务</div>
                <div class="text">
                    <div class="section">实时把握路况，避开拥堵路段，寻找最佳路径，减少堵车烦恼，并接通中心话务员，语音设定目的地；点击车载器界面G路径按钮，即可得到最优路径。</div>
                    <div class="section">
                        截至2013年5月，此项服务已在北京、上海、广州、深圳、天津、沈阳、南京、成都、重庆、宁波、长沙、苏州、福州、珠海、东莞、长春、武汉、杭州、无锡、厦门、中山、青岛、太原、石家庄、泉州、台州、昆明、佛山28个城市开通。全国其他各大城市也将陆续开通此项服务。
                    </div>
                </div>
            </div>
            <div class="img"></div>
        </div>
        <!-- 广告2 -->
        <div class="explainTwo">
            <div class="img"></div>

            <div class="top">
                <div class="title">预订服务.</div>
                <div class="text">
                    <div class="section">预订服务中，除了随时预订酒店、机票、餐厅等服务之外，又增加了高尔夫球场预订服务，精选全国覆盖面广的知名高尔夫球场，全方位为您提供至尊服务。</div>
                </div>
            </div>
        </div>
    </div>
</template>

<script setup lang="ts"></script>

<style scoped lang="less">
.content {
    width: 90%;
    height: 1270px; //先设置高度
    margin: 0 auto;
    // 广告1
    .explainOne {
        margin-top: 200px;
        display: flex;
        justify-content: center;
        .top {
            margin-right: 30px;
            .title {
                font-family: LEXUS-HeiS-Bold-U;
                font-size: 36px;
                font-weight: normal;
                line-height: 54px;
                letter-spacing: 0em;
                margin-bottom: 31px;

                /* 纯黑 */
                color: #000000;
            }
            .text {
                width: 92%;
                height: 528px;
                margin-right: 40px;
                .section {
                    font-family: Nobel-Regular;
                    font-size: 16px;
                    font-weight: normal;
                    line-height: 36px;
                    text-align: justify; /* 浏览器可能不支持 */
                    letter-spacing: 0em;

                    /* 正文色/正文辅助色 */
                    color: #767676;
                }
            }
        }
        .img {
            width: 230%;
            height: 550px;
            background: url(../../assets/image/g-book-8-2880x1480-220803.png);
            background-size: 100% 100%;
        }
    }
    // 广告2
    .explainTwo {
        margin-top: 200px;
        display: flex;
        justify-content: center;
        .top {
            margin-left: 60px;
            .title {
                font-family: LEXUS-HeiS-Bold-U;
                font-size: 36px;
                font-weight: normal;
                line-height: 54px;
                letter-spacing: 0em;
                margin-bottom: 31px;

                /* 纯黑 */
                color: #000000;
            }
            .text {
                width: 92%;
                height: 528px;
                margin-right: 40px;
                .section {
                    font-family: Nobel-Regular;
                    font-size: 16px;
                    font-weight: normal;
                    line-height: 36px;
                    text-align: justify; /* 浏览器可能不支持 */
                    letter-spacing: 0em;

                    /* 正文色/正文辅助色 */
                    color: #767676;
                }
            }
        }
        .img {
            width: 230%;
            height: 550px;
            background: url(../../assets/image/g-book-9-2880x1480-220803.png);
            background-size: 100% 100%;
        }
    }
}
</style>
